<!DOCTYPE html>
<html lang = "en">
<head>
	<meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta charset = "UTF-8">
	<title></title>
	<link rel = "stylesheet" type = "text/css" href = "css/style.css">
	<script type = "text/javascript" src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div class = "body">
	<script type = "text/javascript">
		init();
		$(window).resize(init);
		function init(){
			var w = $(window).width();
			var h = $(window).height();
			$("html").css({fontSize: w / 750 * 100});
		}
		/*//一般情况下，这样的可以自动播放了，但是一些奇葩的iPhone机不可以
		document.getElementById('ad').play();
		//必须在微信weixin JSAPI的weixinJSBridgeReady才能生效
		document.addEventListener("WeixinJSBridgeReady",function(){
			document.getElementById('ad').play();
		},false)*/
	</script>
	<div class = "audwrap">
		<audio
				id = "musics" class = "bgMusic" src =
				"http://socket.gstarcz.com/dream/images/bgm.mp3" loop = "loop">
		</audio>
	</div>
	<img src = "https://o.cztvcloud.com/181/4892748/images/music-on.png" class = "music music_play" alt = "">
	<div class = "scroll">
		<div class = "sec1">
			<div class = "t1"></div>
			<div class = "t2"></div>
			<p class = "load-txt">您的愿望正在加载</p>
			<div class = "progress">
				<span></span>
			</div>
		</div>
		<div class = "sec2">
			<img class = 'sec2-bg' src = "image/sec2.jpg" alt = "">
		</div>
		<div class = "skip">跳过</div>
	</div>
	<div class = "choose sec">
		<div class = "choose-body">
			<div class = "c">
				<div class = "icon" id="12">
					<img src = "image/1.png" alt = "">
				</div>
				<div class = "icon" id="9">
					<img src = "image/2.png" alt = "">
				</div>
				<div class = "icon" id="4">
					<img src = "image/3.png" alt = "">
				</div>
				<div class = "icon" id="1">
					<img src = "image/4.png" alt = "">
				</div>
				<div class = "icon" id="7">
					<img src = "image/5.png" alt = "">
				</div>
				<div class = "icon" id="8">
					<img src = "image/6.png" alt = "">
				</div>
				<div class = "icon" id="2">
					<img src = "image/7.png" alt = "">
				</div>
				<div class = "icon" id="6">
					<img src = "image/8.png" alt = "">
				</div>
				<div class = "icon" id="11">
					<img src = "image/9.png" alt = "">
				</div>
				<div class = "icon" id="3">
					<img src = "image/10.png" alt = "">
				</div>
				<div class = "icon" id="10">
					<img src = "image/11.png" alt = "">
				</div>
				<div class = "icon" id="5">
					<img src = "image/12.png" alt = "">
				</div>
			</div>
			<div class = "rules"></div>
		</div>
	</div>
	<div class = "rlt sec">
		<div class = "rlt-body">
			<div class = "title">处女座——梦想你来说</div>
			<p>人们所寻求的，常常一览无余</p>
			<p>而真正渴望的，却深藏不露</p>
			<p>脆弱，给我们太多借口</p>
			<p>勇者，却从不逃走</p>
			<p>谁的梦想不凝结着泪和痂</p>
			<p>你的梦想是什么呢？</p>
			<p>这一次，不要害怕</p>
			<p>因为我们会与你一起将它实现</p>
			<p>许你一个恣意澎湃的舞台</p>
			<p>不是为了更出名、更轻狂</p>
			<p>而是为了更有力量、更快乐</p>
			<p>你的舞台，我们为你制造</p>
			<div class = "ft">梦想说明书：实现一个参与者自己的愿望</div>
		</div>
		<div class = "btns">
			<div class = "btn l  choosethis ">就选这个</div>
			<div class = "btn r chooother ">看看其他梦想</div>
		</div>
	</div>
	<div class = "submit dialog">
		<div class = "dec"></div>
		<div class = "main s1">
			<div class = "area">
				<div class = "title">白羊座——万众瞩目梦</div>
				<textarea placeholder = "在这里写下你梦想的报名理由吧!"></textarea>
				<div class = "btn"></div>
			</div>
		</div>
		<div class = "main s2">
			<div class = "close">&times;</div>
			<div class = "title">白羊座—万众瞩目梦</div>
			<label>
				<span>姓名：</span>
				<input type = "text" id = "name"></label>
			<label>
				<span>性别：</span>
				<select id = "sex">
					<option value = "1">男</option>
					<option value = "2">女</option>
				</select>
			</label>
			<label>
				<span>手机号：</span>
				<input type = "text" id = "phone"></label>
			<label>
				<span>梦想说明：</span>
				<textarea id = "detail"></textarea></label>
			<p>（点赞排名最高的用户，我们将与您联系，实现您的梦想）</p>
			<div class = "btn">确认提交</div>
		</div>
		<div class = "main s3">
			<div class = "close"></div>
			<div class = "s3-body">
				<div class = "title">万众瞩目梦</div>
				<div class = "card c1"></div>
				<p class = "p1">白羊座女主播帮TA登上一次舞台，展示个人才艺，吸引所有的目光。</p>
				<p class = "p2">已有1675人为TA点赞梦想</p>
				<p class = "p2">目前排名第6名</p>
			</div>
			<div class = "btn l seemore">查看排行榜</div>
			<div class = "btn r goshare">分享梦想</div>
		</div>
	</div>
	<div class = "rule-dialog dialog">
		<div class = "dec"></div>
		<div class = "main">
			<div class = "close"></div>
			<div class = "rule-body">
				<div class = "title">活动规则</div>
				<p>用户可在12个星座梦想中选择1个梦想，并在朋友圈分享转发。该星座梦想点赞人数最多的用户，十二星座女主播为您实现梦想。</p>
				<div class = "btn">我知道了</div>
			</div>
		</div>
	</div>
	<div class = "sec p1" id="kaka">
		<div class = "cardbg">
			<img src = "./image/c1.png" class = "cardimg" alt = "">
			<img crossorigin = "" src = "./image/icon.png" class = "usericon" alt = "">
			<span class = "title1"></span>
			<span class = "title2"> 白羊座女主播帮TA登上一次舞台，展示个人才艺，吸引所有的目光。</span>
			<p class = "title3">
				打开聚光灯，綻放自我，拥抱欢呼声<br/>
				许你一个恣意澎湃的舞台<br/>
				不是为了更出名、更轻狂<br/>
				而是为了更有力量、更快乐<br/>
				你的舞台，我们为你制造
			</p>
			<div class = "qrcode">
			</div>
			<span class = "press">长按保存图片，让更多人帮我实现梦想</span>
		</div>
		<img src = "" class = "shutcut" alt = "">
		<img src = "./image/close2.png" class = "card_close" alt = "">
	</div>
</div>
<script type = "text/javascript" src = "js/jquery.qrcode.min.js"></script>
<script type = "text/javascript" src = "js/kaka.js"></script>
<!--<script type = "text/javascript" src = "https://o.cztvcloud.com/181/4867267/js/html2canvas.js"></script>-->
<script type = "text/javascript" src = "js/js.js"></script>
<script type = "text/javascript">
	main.init()
</script>
</body>
</html>